<template>
  <div id="fisheries">
    <el-row style="padding-top: 10px">
      <el-tabs style="width: 100%" type="card">
        <el-tab-pane label="全部渔场" class="tab"></el-tab-pane>
        <el-tab-pane label="优惠渔场"></el-tab-pane>
        <el-tab-pane label="政策扶持"></el-tab-pane>
      </el-tabs>
    </el-row>
    <el-row>
      <el-divider content-position="left">
        共有{{merchantList.length}}家符合条件的养殖场
      </el-divider>
    </el-row>
    <el-row v-for="merchant in merchantList" :key="merchant">
      <Fishery :merchant="merchant" style="width: 100%;padding-top: 10px"></Fishery>
    </el-row>
    <el-row v-if="merchantList.length === 0">
      <el-empty description="暂时没有符合条件的养殖场"></el-empty>
    </el-row>
  </div>
</template>

<script>

import Fishery from "@/components/Merchants/Fishery";

export default {
  name: "Fisheries",
  props: {
    merchantList: Array
  },
  components: {Fishery}
};
</script>

<style scoped>

.tab {
  width: 25%;
}
</style>